header, aside, nav, section, article {
   display:block;
   font-family: Garamond;
}
/*
header, body, nav, nav a, section, article, section#right, #LinkPics, span, a {
cursor: url("Cursor_Hand.png"), pointer;
}*/

body {
width: 100%;
margin: 0;
padding: 0;
background-image: url("images/AEC/paint2.jpg");
 background-size: 100%;
background-color: #BBC9F7;
}
div#container {
	width:100%;
	}
header {
	text-align: center;
 color: #ffffe1;
text-shadow:
    -1px -1px 0 #061125,
    1px -1px 0 #061125,
    -1px 1px 0 #061125,
    1px 1px 0 #061125;  
 font-family: "Randy Bistroke", sans-serif;
 height: 150px;
 background-color: #BBC9F7;
 background-image: url("images/AEC/ginko.jpg");
  background-size: 100%;
 padding: .5em 1em .5em;
 }
 
 /* The Navigation Bar */

nav{
	text-align: center;
	 font-size: 10pt;
	 font-family: "Sloppy Hand", sans-serif;
	 background-color: #676F8A;
	 background-image: url("http://www.abortion-education.org/images/AEC/LY_NavBar.jpg");
	 background-size: 100%;
	 background-repeat: none;
	 height: auto;
	 border-style: double hidden double hidden;
	 border-color: #807253;
	 padding-top: 8px;
	 padding-bottom: 8px;
	 
}
nav a {
     font-size: 150%;
	 font-weight: strong;
	 text-decoration: none;
	 font-size: 23px;
	color: #562c3b;
	 padding: 1em;
	 margin: .25em;
	 }
nav a:hover {
	color: #fbd9cd;
	text-shadow:
    -1px -1px 0 #562c3b,
    1px -1px 0 #562c3b,
    -1px 1px 0 #562c3b,
    1px 1px 0 #562c3b;  
	}
	
/* Left and Right Column Sections */
 
section {
float:left;
height: 350px;
width: 15.5%;
color: white;
background-color: #BBC9F7;
opacity: 0;
}
section#right {
float:right;
width:17.5%;
}

/* The Center Article Space */

article {
color: #562c3b;
background-image: url("LY_ArticleBackground.png");
float: left;
width: 66%;
height: auto;
padding: 20px;
background-color: white;
font-family: "Sloppy Hand", sans-serif;
}
article header {
margin: 5px;
background-color: grey;
font-family: sans-serif;
}
article p {
padding: .5em;
font-size: 18px;
}

/* article a {
	font-family: "Randy Bistroke";
	font-weight: strong;
	font-size: 130%;
	color: #1d4940;
	text-decoration: none;
} */

article a:hover {
	color: #b9e8de;
	text-shadow:
    -1px -1px 0 #1d4940,
    1px -1px 0 #1d4940,
    -1px 1px 0 #1d4940,
    1px 1px 0 #1d4940; 
}

/* Classes and Specifics */

h3 {
text-align: center;
}

#OutsideLink
{
	size: 14px;
	text-align: right;
}

p {
text-align: justify;
}

table{
	border: 1px solid black;
	text-align: center;
}

tr{
	text-align: center;
}

#LinkPics {
text-align: center;
border: solid 1px #3151b34;
}
article img {
padding: 10px;
width: 400px;
float: right;
}

#Explore {
text-align: center;
font-family: "Randy Bistroke";
font-size: 35px;
color: white;
text-shadow:
    -1px -1px 0 #061125,
    1px -1px 0 #061125,
    -1px 1px 0 #061125,
    1px 1px 0 #061125; 
}

#Break {
display: none;
}

.Clear-Float {
clear: both;
}

@media screen and (max-width: 900px) {

	header {
	font-size: 15px;
	background-size: 100%;
	text-align: center;
	height: 85px;
	}
	#headerimage
{
	height: 85px;
}
	
	nav {
	font-size: 12px;
	height: auto;
	text-align: center;
	
	}
	
	article {
	height: auto;
	}

	
	#Explore {
	display: none;
	}
	
	#NewFontHeader {
	text-align: center;
	}
	article img {
padding: 10px;
width: 300px;
float: right;
}
	
}

@media screen and (max-width: 768px) {

body {
	background-color: #B9E8dE;
}

	header {
	font-size: 15px;
	background-size: 100%;
	text-align: center;
	height: auto;
	}
	
	nav {
	font-size: 12px;
	height: auto;
	text-align: center;
	background-image: none;
	background-color: #B9E8dE;
	width: 100%;
	}
	
	article {
	height: auto;
	}


	#NewFontHeader {
	text-align: center;
	}
	
	article img {
padding: 10px;
width: 300px;
float: right;
}
	
}

@media only screen and (max-width: 640px) {

body {
	background-color: #B9E8dE;
}

	header {
	font-size: 12px;
	background-size: 100%;
	background-color: #B9E8dE;
	text-align: center;
	height: auto;
	}
	
	nav {
	font-size: 11px;
	height: auto;
	text-align: center;
	background-image: none;
	background-color: #B9E8dE;
	width: 100%;
	}
	
	article {
	height: auto;
	width: 100%;
	}
	
	
	#NewFontHeader {
	text-align: center;
	}
	
	section, #right {
	display: none;
	}
	article img {
padding: 10px;
width: 100px;
float: right;
}
}

@media only screen and (max-width: 603px) {
	
	body {
	background-color: #B9E8dE;
}
	
header {
	height: auto;
	font-size: 8px;
	background-size: 100%;
	background-color: #B9E8dE;
	text-align: center;
	width: 100%
	}
	
	#headerimage
	{
		size: 30%;
	}
	
	nav {
	font-size: 7px;
	height: auto;
	text-align: center;
	background-image: none;
	background-color: #B9E8dE;
	width: 100%;
	}
		
	article {
	height: auto;
	width: 100%;
	font-size: 13px;
	}
	
	#Break {
	display: show;
	}
	section, #right {
	display: none;
	}
}

@media only screen and (max-width: 320px) {

body {
	background-color: #B9E8dE;
}

	header {
	height: auto;
	font-size: 8px;
	background-size: 100%;
	background-color: #B9E8dE;
	text-align: center;
	width: 100%
	}
	
	#headerimage
	{
		size: 30%;
	}
	
	nav {
	font-size: 7px;
	height: auto;
	text-align: center;
	background-image: none;
	background-color: #B9E8dE;
	width: 100%;
	}
		
	article {
	height: auto;
	width: 100%;
	font-size: 13px;
	}
	
	#Break {
	display: show;
	}
	section, #right {
	display: none;
	}
}